<!--
 * @Author: jingfuu@163.com
 * @Date: 2024-12-03 16:28:31
 * @LastEditTime: 2024-12-03 17:22:17
 * @Description: file content
-->
<template>
  <div role="alert" class="el-notification right" style="top: 16px; z-index: 2000;">
    <i class="el-notification__icon el-icon-chat-line-square" style="color:#52c41a"></i>
    <div class="el-notification__group is-with-icon">
      <h2 class="el-notification__title">您有{{msgCount}}条消息未处理</h2>
      <div class="el-notification__content">
      <p>{{title}}</p>
      <el-link type="primary"  @click="noticeMore" >查看更多</el-link>
      </div>
        <div class="el-notification__closeBtn el-icon-close" @click="close"></div>
      </div>
  </div>
</template>

<script>
  export default {
    props: {
      msgCount: {
        type: Number,
        default: 0
      },
      noticeId: {
        type: Number,
        default: 0
      },
      title: {
        type: String,
        default: ''
      }
    },
    create(){
      console.log('msgCount',this.msgCount)
      console.log('url',this.url)
      console.log('title',this.title)
    },
    data() {
      return {
        
      }
    },
    methods: {
      noticeMore(){
        this.$router.push({
        path: '/message-center/index/' + this.noticeId,
      })
      },
      close(){
        this.$emit('close')
      }
    }
  }
</script>

<style lang="scss" scoped>
  
</style>